import React,{PropTypes} from 'react'
import RComponent from '../../components'
import TouchableBarChart from './touchableBarChart.js'
import styles from './popup.scss'

class PopUp extends RComponent{
    constructor(props, context){
        super(props, context)
    }
    render(){
        return (
            <div className="pop-wrapper" style={{display:this.props.visible?'block':'none'}}>
                <div className="pop-mask"></div>
                <div className="pop-box">
                    <div className="pop-head">
                        xxxxxxx
                    </div>
                    <div className="pop-body">
                        <TouchableBarChart width="320" height="360"
                            canvasClassName="touchableBarChart"
                            data={this.props.currentPlan}
                            />
                    </div>
                    <div className="pop-foot">

                    </div>
                </div>
            </div>
        )
    }
}

export default PopUp
